<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo13-vue组件【动态Prop】</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
     <input v-model="parentMsg">
     <br>
     <child v-bind:message="parentMsg"></child>
   </div>

</body>

<script type="application/javascript">
  Vue.component('child',{
    props: ['message'],
    template: '<span>{{message}}</span>'
  });
  var vm = new Vue({
    el: "#app",
    data:{
      parentMsg: '父组件内容'
    }
  });


</script>
</html>
